<!DOCTYPE html> <!-- 声明为HTML5 -->
<!-- 元素参考 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element -->
<html>

<head>
  <meta charset="utf-8" />
  <title>登录</title>
  <link href="uuii.css" rel="stylesheet" />
</head>

<body>
  <div class="top">
    <span class="logo">XX免费邮</span>
    <span class="title">你的专业电子邮局</span>
    <div class="links">
      <span>手机App下载</span>
      <span>电脑客户端下载</span>
      <span>VIP</span>
      <span>会员</span>
      <span>企业邮箱</span>
      <span>海外登录</span>
      <span>|</span>
      <span>帮助</span>
      <span>反馈</span>
      <span>修复公示</span>
    </div>
  </div>
  <div class="center">
    <div class="form-panel">
      <span class="form-title">账号登录</span>
      <div class="form-group">
        <input class="form-control" type="text" placeholder="邮箱账号或手机号码" />
      </div>
      <div class="form-group">
        <input class="form-control" type="password" placeholder="输入密码" />
      </div>
      <div class="form-option">
        <input type="checkbox" />
        <span>30天内免登录</span>
        <span>忘记密码</span>
      </div>
      <div class="form-action">
        <button class="form-button">登录</button>
      </div>
      <div class="form-register">
        <span>注册新账号</span>
        <span>|</span>
        <span>注册VIP</span>
      </div>
      <span>阅读并接受 《服务条款》和 《隐私政策》</span>
    </div>
  </div>
  <div class="bottom">
    <div class="links">
      <span>XX首页</span>
      <span>|</span>
      <span>XX严选</span>
      <span>|</span>
      <span>政府公益热线</span>
      <span>|</span>
      <span>XX公司版权所有©1997-2024</span>
    </div>
    <div class="info">
      <span>ICP备案 粤B2-20090191-18</span>
      <span>粤公网安备 44010602006299</span>
      <span>增值电信业务许可证</span>
      <span>粤B2-20090191</span>
      <span>B2-20090058</span>
    </div>
  </div>
</body>

</html>